[v-cloak] {
  display: none;
}
.sharing{
		min-height: 100vh;
		background: #F5F5F5;
	}
.sharing_header{
  width: 100%;
	height: .88rem;
	line-height: .88rem;
	background: #ffffff;
	display: flex;
	text-align: center;
	align-items: center;
  border-bottom: 1px solid #d9d9d9;
  position: fixed;
  z-index: 10;
}	
.sharing_header img{
	width: .22rem;
	height: .4rem;
	padding-left: .24rem;
}
.sharing_header span {
	color: #ec7e2d;
	/*font-size: 24px;*/
	font-size: .36rem;
	/*12px-36px*/
	padding-left: .1rem;
}
.sharing_header a {
	color: #ec7e2d;
}
.sharing_header  h2{
	font-weight: normal;
	font-size: .36rem;
	padding-left: 1.78rem;
}

.sharing_center {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.12rem .24rem .24rem;
}
.sharing_center li {
  background: #fff;
  border-radius: 1.6vw;
  margin-bottom: 2vw;
}

.sharing-noResult {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: .88rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .28rem;
  color: #999;
}

.sharing_title {
	font-size: .24rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: .24rem;
  border-bottom: #d9d9d9 solid 1px;
  padding-bottom: .13rem;
}
.sharing_title p{
	padding-left: .24rem;
	color: #333;
}
.sharing_title span{
	padding-right: .24rem;
	color: #ec7e2e;
}
.sharing_content {
  padding: 3.2vw;
}
.sharing_content h3 {
  font-size: 4.267vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sharing_content p {
  margin-top: 1.6vw;
  font-size: 3.2vw;
}
.btn_share {
  position: relative;
  font-size: 3.373vw;
  margin-top: 3.2vw;
  height: 7.2vw;
}
.btn_no {
  position: absolute;
  right: 50vw;
  bottom: 0;
  width: 22vw;
  height: 7.2vw;
  font-size: 3.373vw;
  background: #fff;
  color: #EC7E2D;
  border: #EC7E2D 1px solid;
  border-radius: 1.6vw;
}
.btn_yes {
  position: absolute;
  right: 25vw;
  bottom: 0;
  width: 22vw;
  height: 7.2vw;
  font-size: 3.373vw;
  background: #EC7E2D;
  color: #fff;
  border: none;
  border-radius: 1.6vw;
}
.btn_jump {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 22vw;
  height: 7.2vw;
  font-size: 3.373vw;
  background: #EC7E2D;
  color: #fff;
  border: none;
  border-radius: 1.6vw;
}

.sharing_pop{
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
		position: fixed;
		top: 0;
		right: 0;
}
.sharing_pop_center{
	width: 4.46rem;
	height: 2.44rem;
	background: #FFFFFF;
	border-radius: .12rem;
	position: absolute;
	top: 5.25rem;
	left:1.55rem ;
}
.sharing_pop_center h3{
    font-weight: normal;
     font-size: .32rem;
     color: #333333;
     text-align: center;
     padding-top: .2rem;
}
.sharing_pop_center p{
     font-size: .24rem;
     color: #333333;
     text-align: center;
     padding-top: .15rem;
      padding-bottom: .1rem;
}
.sharing_pop_cancel{
	font-size: .32rem;
     color: #999999;
     padding-right: .81rem;
}
.sharing_pop_determine{
	font-size: .32rem;
     color: #EC7E2D;
      padding-left: .81rem;
}
.sharing_pop_cancel1{
	display: flex;
	padding-top: .24rem;
	justify-content: center;
	align-items: center;
}
.sharing_pop_cancel2{
	width: 4rem;
	height: 1px;
	border-top: 1px solid #D9D9D9;
	background: #D9D9D9;
    position: absolute;
    top: 1.6rem;
    right: 0.2rem;
}
.sharing_pop_cancel3{
	width: 1.6px;
	height: .79rem;
	border-top: 1px solid #D9D9D9;
	background: #D9D9D9;
    position: absolute;
    top: 1.6rem;
    left: 2.3rem;
}
